/* 最新好文 */
.newsItem{
	padding:20rpx 0;
	border-bottom: 1rpx solid #eee;
	display: flex;
	.newsImg{
		width: 176rpx;
		height: 176rpx;
		border-radius: 10rpx;
		flex-shrink: 0;
		margin-right: 15rpx;
		.samePar{
			border-radius: 10rpx;
		}
	}
	.newsCon{
		width: 80%;
		height: 176rpx;
		position: relative;
		.newsTit{
			font-size: $font-size28;
			color: $pss-text-color3;
			-webkit-line-clamp:2;
		}
		.tagList{
			display: flex;
			height: 40rpx;
			margin: 10rpx 0;
			.newsTag{
				font-size: $font-size24;
				padding: 0 15rpx;
				height: 40rpx;
				line-height: 40rpx;
				border-radius: 10rpx;
				margin-right: 15rpx;
				&.hyjt{
					background: #faecf9;
					color:#ca4cc7 ;
				}
				&.qxyl{
					background: #ffedef;
					color:#fe5165 ;
				}
				&.grcz{
					background:#f2fdf9;
					color: $pss-color-green;
				}
				&:last-child{
					margin-right: 0;
				}
			}
		}
		.newsAuthor{
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 0;
			display: flex;
			justify-content: space-between;
			font-size: $font-size22;
			color: $pss-text-colora; 
		}
	}
}
/* 心理书籍 */
.modViewCon{
	display: flex;
	justify-content: space-between;
	.xlBookItem{
		width: 160rpx;
		.bookCover{
			width: 160rpx;
			height: 230rpx;
			border-radius: 10rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			.samePar{
				border-radius: 10rpx;
			}
		}
		.bookName{
			width: 100%;
			font-size: $font-size26;
			color: $pss-text-color3;
			margin: 5rpx 0;
		}
		.stageName{
			font-size: $font-size22;
			color:$pss-text-colora ;
		}
	}
}
/* 分支结构成员 */
.jgMemberCon{
	padding:0 20rpx 20rpx;
	border-radius: 20rpx;
	margin-bottom: 20rpx;
	background: #fff;
	box-shadow: 0 0 20rpx rgba(0,0,0,.1);
	.jgtopCon{
		height: 100rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1rpx solid #eee;
		.jgName{
			display: flex;
			font-size: $font-size30;
			color: $pss-text-color3;
			align-items: center;
			.jgLogo{
				width: 60rpx;
				height: 60rpx;
				border-radius: 50%;
				margin-right: 15rpx;
				.samePar{
					border-radius: 50%;
				}
			}
		}
		.icon-gengduo{
			font-size: $font-size24;
			color: $pss-text-colora; 
			height: 100%;
			padding-left: 80rpx; 
			line-height: 100rpx;
		}
	}
	.memberList{
		width: 100%;
		// height: 240rpx;
		padding-top: 30rpx;
		// display: flex;
		// justify-content: space-between;
		.listMember{
			width: 25%;
			float: left;
			.headImg{
				width:126rpx;
				height: 126rpx;
				border-radius: 10rpx; 
				display: block;
				margin: 0 auto;
				.samePar{
					border-radius: 10rpx;
				}
			}
			.usename{
				font-size: $font-size28;
				color: $pss-text-color3;
				margin: 5rpx 0;
				text-align: center;
			}
			.fields{
				font-size: $font-size24;
				color:$pss-text-color8;
				text-align: center;
			}
		}
	}
}
.swiper-item{
	position: relative;
	.zbTime{
		height: 46rpx;
		position: absolute;
		left: 0;
		top: 0;
		background: $pss-color-green;
		color: #fff;
		font-size: 26rpx;
		padding: 0 15rpx;
		border-radius: 10rpx 0 10rpx 0;
		z-index: 10;
		opacity: .8;
		display: flex;
		align-items: center;
		.icon-wait,
		.icon-zhibozhong,
		.icon-zhibojieshu{
			font-size: 26rpx;
			margin-right: 10rpx;
		}
	}
}
/deep/.swiperBanner .uni-swiper-dots-horizontal {
	border-radius: 20rpx;
	bottom: 15rpx;
}
/deep/.swiperBanner .uni-swiper-dot { 
	width: 36rpx;
	height: 10rpx;
	border-radius: 20rpx;
	margin-right: 5px !important;
}
/* modView */
.modView{
	background: #fff;
	// margin-top: 20rpx;
	.modTit{
		height: 90rpx;
		line-height: 90rpx;
		display: flex;
		justify-content: space-between;
		.tit{
			font-size: $font-size32;
			color: $pss-text-color3;
			font-weight: bold;
		}
		.more{
			height: 100%;
			padding-left: 80rpx;
			font-size: $font-size26;
			color: $pss-text-colora;
			.icon-gengduo{
				margin-left: 5rpx;
				font-size: $font-size22;
			}
		}
	}
	.videoMod{
		display: flex;
		justify-content: space-between;
		.xlVidoItem{
			width: 328rpx;
			.videoCover{
				width:100%;
				height: 216rpx;
				position: relative;
				border-radius: 16rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				.samePar{
					border-radius: 16rpx;
				}
				.coverMsk{
					width: 100%;
					height: 100%;
					background: $pss-bg-mask;
					border-radius: 16rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 5;
					.icon-bofang{
						font-size: 60rpx;
						color: #fff;
					}
				}
			}
		}
	}
	.modViewConTit{ 
		height: 70rpx;
		color: $pss-text-color3;
		font-size: $font-size28;
		-webkit-line-clamp:2;
		margin-top: 10rpx;
	}
	// .clsNum{
	// 	height: 60rpx;
	// 	display: flex;
	// 	justify-content: space-between;
	// 	align-items: center;
	// 	font-size: $font-size24;
	// 	color: $pss-text-color8;
	// 	.teaName{
	// 		margin-right: 10rpx;
	// 	}
	// 	.teaPrice{
	// 		font-size: $font-size30;
	// 		color: $pss-color-red;
	// 	}
	// }
}
.jpClsMod{
	.jpScroll{
		width: 100%;
		white-space: nowrap;
		.jpClsItem{
			width: 264rpx;
			display: inline-block;
			margin-right: 20rpx;
			.jpClsCover{
				width: 100%;
				height: 176rpx;
				border-radius: 16rpx;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				.samePar{
					border-radius: 16rpx;
				}
				.typeTag{
					width: 120rpx;
					height: 46rpx; 
					background: $pss-color-green;
					border-radius: 16rpx 0 16rpx 0;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: $font-size24;
					color: #fff;
					.icon-bofang{
						margin-right: 10rpx;
						font-size: $font-size26;
					}
				}
			}
			&:last-child{
				margin-right: 0;
			}
		}
	}
}
/* 心理公告 */
.xlGgWrap{
	height: 80rpx;
	background: #fef9f5;
	border-radius: 50rpx;
	display: flex;
	align-items: center;
	padding: 0 20rpx;
	.ggImg{
		width: 52rpx;
		height: 48rpx;
		flex-shrink: 0;
		margin-right: 15rpx;
	}
	.icon-gengduo{
		width: 8%;
		height: 100%;
		line-height: 80rpx;
		color: #fea610;
		font-size: $font-size26;
		text-align: center;
		padding-left: 30rpx;
		flex-shrink: 0;
	}
	.ggCon{
		width: 88%;
		height: 100%;
		position: relative;
		padding: 0 15rpx;
		.lineView{
			height: 40rpx;
			width: 2rpx;
			background: #ffc5b9;
			position: absolute;
			left: 0;
			top: 20rpx;
		}
		.swiperItem{
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			color: #fb5b2b;
			font-size: $font-size26;
		}
	}
}